<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>Bootstrap响应式布局</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style type="text/css">

		</style>

	</head>
	<body>
		<!-- 头部开始 -->
		<div class="header">
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<!-- 手机端的按钮 -->
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						 aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#"><img src="images/logo.png" class="img-responsive" alt=""></a>
					</div>
					<!-- pc端按钮 -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right ul1">
							<li><a href="#">首页</a></li>
							<li><a href="#">解决方案</a></li>
							<li><a href="#">资讯中心</a></li>
							<li><a href="#">案例展示</a></li>
							<li class="active"><a href="#">关于微豆</a></li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div><!-- /.container-fluid -->
			</nav>

		</div>
		<!-- 头部结束 -->

		<!-- 内容开始 -->
		<div class="content">
			<img src="images/ad.png" class="img-responsive" alt="Responsive image">
			<!-- c_content1开始 -->
			<div class="c_content1">
				<div class="head1">
					<h3 class="h3">我们的特色服务</h3>
					<img src="images/hrl.png" class="img-responsive">
					<p class="p1">OUR SERVICES</p>
				</div>
				<div class="row">
					<div class="col-xs-6 col-md-4">
						<a href="#" class="thumbnail">
							<img src="images/home_01.png" alt="...">
							<h4 class="h4">移动端应用开发解决方案</h4>
							<p class="p2">微豆为各个行业提供专业的APP开发方案，互动营销小游戏解决方案</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-4">
						<a href="#" class="thumbnail">
							<img src="images/home_02.png" alt="...">
							<h4 class="h4">高品质网站解决方案</h4>
							<p class="p2">微豆作为专业的广州网站建设公司，集团队智慧为您提供专业的企业门户解决方案</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-4">
						<a href="#" class="thumbnail">
							<img src="images/home_03.png" class="img-responsive" alt="...">
							<h4 class="h4">微信应用解决方案</h4>
							<p class="p2">微豆有着的微信应用开发经验，积累了众多互动社区的开发经验</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-4">
						<a href="#" class="thumbnail">
							<img src="images/home_04.png" alt="...">
							<h4 class="h4">IT人才培养服务</h4>
							<p class="p2">微豆有着多年在PHP网站开发经验，也为各个企业提供PHP，UI设计，网站前端的人才</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-4">
						<a href="#" class="thumbnail">
							<img src="images/home_05.png" alt="...">
							<h4 class="h4">电子商务平台解决方案</h4>
							<p class="p2">B2B，B2C，搜索引擎优化，基于多年网络营销和在电子商务运营的基础上形成的解决方案</p>
						</a>
					</div>
					<div class="col-xs-6 col-md-4">
						<a href="#" class="thumbnail">
							<img src="images/home_06.png" alt="...">
							<h4 class="h4">企业信息化解决方案</h4>
							<p class="p2">采用领先的BS方式，提供OA系统，ERP，CRM等常见的BS管理系统的解决方案验</p>
						</a>
					</div>

				</div>
			</div>
			<!-- c_content1结束 -->
			<!-- c_content2开始 -->
			<div class="c_content2">
				<div class="head2">
					<h3 class="h3">我们的精品案例</h3>
					<img src="images/hrl.png">
					<p class="p1">OUR CASES</p>
				</div>
				<div class="row">
					<div class="col-xs-6 col-md-3 list1">
						<a href="#" class="thumbnail">
							<img src="images/home_07.png" alt="...">
						</a>
						<p class="p3">珠宝网站设计</p>
					</div>
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_08.png" alt="...">
						</a>
						<p class="p3">MA</p>
					</div>
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_09.png" alt="...">
						</a>
						<p class="p3">PRINTING</p>
					</div>
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_10.png" alt="...">
						</a>
						<p class="p3">第七大道</p>
					</div>
					
				</div>
				<div class="row">
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_11.png" alt="...">
						</a>
						<p class="p3">微搜</p>
					</div>
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_12.png" alt="...">
						</a>
						<p class="p3">茶膳</p>
					</div>
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_13.png" alt="...">
						</a>
						<p class="p3">去哪学</p>
					</div>
					<div class="col-xs-6 col-md-3">
						<a href="#" class="thumbnail">
							<img src="images/home_14.png" alt="...">
						</a>
						<p class="p3">New balance</p>
					</div>
				</div>
				<p class="p4"><a href="#">+更多精品</a></p>
			</div>
			<!-- c_content2结束 -->
			<!-- c_conten3开始 -->
			<div class="c_content3">
				<div class="head3">
					<h3 class="h3">我们的资讯动态</h3>
					<img src="images/hrl.png">
					<p class="p1">OUR Information dynamics</p>
				</div>
				<div class="home15"><img src="images/home_15.png" ></div>
				<!-- <div class="a"><a href="#">更多资讯<span class="glyphicon glyphicon-menu-right"></span></a></div> -->
				<div class="co_content3">
					<h4>微豆科技官网 正式上线了！</h4>
					<p class="p1">千呼万唤始出来，千树万树梨花开。等了这么久，勤劳的技术哥哥马不停蹄的敲着代码，
					终于微豆科技的官方网站于今日初步完成，已经“duang~ duang~”的进入了测（zhao）试（cha）阶段。</p>
					<p><span>2016-09-10</span></p>
				</div>
				<div class="w_content3">
					<ul>
						<li>
							<h4>展望2017，微豆科技继续创造辉煌    2017-08-15</h4>
							<p>在整个经济大环境不好的情况下，但是我们微豆人依然逆境而上，新公司于2016年......</p>
						</li>
						<li>
							<h4>展望2017，微豆科技继续创造辉煌    2017-08-15</h4>
							<p>在整个经济大环境不好的情况下，但是我们微豆人依然逆境而上，新公司于2016年......</p>
						</li>
					</ul>
				</div>
			</div>
			<!-- c_content3结束 -->

		</div>
		<!-- 内容结束 -->

		<!-- 底部导航开始 -->
		<div class="footer">
			<img src="images/首页_02.png" class="img-responsive"style="width: 100%;" >

		</div>
		<!-- 底部导航结束 -->

		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="js/jquery.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>
